<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script type="text/javascript" src="../js/angular-route.min.js" ></script>
	</head>
	<body>
		<div ng-app="myapp">
			
			<div>
				<h1>head</h1>
				<a href="#/.NET">.NET</a>
				<a href="#/c sharp">c sharp</a>
				<a href="#/asp.net">asp.net</a>
				<a href="#/asp.net MVC">asp.net MVC</a>
			</div>
			
			<!--路由加载后，更新变化的内容-->
			<div ng-view>
				
				
			</div>
			
			<div>
				<h1>foot</h1>
				
			</div>
		</div>
		
		
		<script>
			/*ngRoute：代表当前模块依赖于路由的模块*/
			var myapp = angular.module("myapp",["ngRoute"]);
			
			// 配置模块的路由
			myapp.config(["$routeProvider",function($routeProvider){
				$routeProvider
				.when("/.NET",{
					templateUrl:"路由1.html"
				}).when("/c sharp",{
					templateUrl:"路由2.html"
				}).when("/asp.net",{
					templateUrl:"路由3.html"
				}).when("/asp.net MVC",{
					templateUrl:"路由4.html"
				});
			}]);
			
			
			
		</script>
		
		
	</body>
</html>
